<template>
    <div class="main">
        <header class="top">
            <arrow :topList="topList"></arrow>
        </header>
        <main class="list">
            <list></list>
        </main>
    </div>
</template>

<script>
import arrow from '@/views/components/arrow'
import list from './components'
export default {
    components: { arrow, list },
    data() {
        return {
            topList: {
                title: '流程指引',
                list: [
                    { name: '素材管理', img: 'blue' },
                    { name: '内容创作', img: 'blue' },
                    { name: '专家审核', img: 'blue' },
                    { name: '产品分发', img: 'blue' },
                    { name: '传播管理', img: 'blue' },
                ]
            },
        }
    },
    created() { },
    methods: {
    },

}
</script>

<style lang='scss' scoped>
.main {
    background-color: #f5f5f5;

    .top {}

    .list {
        margin-top: 10px;
    }
}
</style>